<template>
   <div class="profile">
     <!-- 头像 -->
     <el-avatar :size='200' shape="square" :src="currentRow.headimgurl?currentRow.headimgurl:defAvatarUrl">
    
     </el-avatar>
     <!-- 学员资料 -->
     <el-descriptions title="学员资料" border direction="vertical">
       <el-descriptions-item label="sId">{{currentRow.sId}}</el-descriptions-item>
       <el-descriptions-item label="姓名">
         <el-tag type="success" effect="dark">{{currentRow.name}}</el-tag>
       </el-descriptions-item>
       <el-descriptions-item label="年龄">{{currentRow.age}}</el-descriptions-item>
       <el-descriptions-item label="班级">{{currentRow.class}}</el-descriptions-item>
       <el-descriptions-item label="学历">
         <el-tag size="small">{{currentRow.degree}}</el-tag>
       </el-descriptions-item>
       <el-descriptions-item label="项目地址">{{currentRow.productUrl}}</el-descriptions-item>
       <el-descriptions-item label="描述">{{currentRow.description}}</el-descriptions-item>
       <el-descriptions-item label="城市">{{currentRow.city}}</el-descriptions-item>
       <el-descriptions-item label="创建时间">{{currentRow.cTime}}</el-descriptions-item>
     </el-descriptions>
     <!-- 按钮 -->
     <el-button type="primary" @click="back">点击返回</el-button>
   </div>
</template>
<script>
import {mapState} from "vuex";
export default {
   data(){
      return{
         defAvatarUrl:"https://p.ssl.qhimg.com/t01dca93cf4daa097f0.jpg"
      }
   },
   computed:{
      ...mapState(["currentRow"])
   },
   methods: {
      back(){
         this.$router.push({name:"product"})
      }
   },
}
</script>
<style scoped lang="less">
// .el-descriptions{
//    padding-top:20px
// }

</style>